<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index@ArnetMiner</title>
<link href="css/page/profile.css" rel="stylesheet" type="text/css" />
<link href="css/ui/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<link href="css/pam/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="js/pam/login.js"></script>
<script type="text/javascript" src="js/pam/search.js"></script>
<script type="text/javascript" src="js/pam/profile.js"></script>
<script type="text/javascript" src="js/pam/follow.js"></script>
</head>
<body>
<div id="header">
	<input type="hidden" id="account" value="${account.id}"/>
	<input type="hidden" id="user" value="${user.id}"/>
	<a id="logo" href="index.do"></a>
    <div id="topbar">
    	<ul>
        	<li><html:link action="/index.do">Home</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/profile.do">Profile</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/following.do">Following</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/follower.do">Follower</html:link></li>
            <li><em class="vline">|</em></li>
            <li><html:link action="/messages.do?action=inbox">Message</html:link></li>
            <li><em class="vline">|</em></li>
            <li class="cur">
                <html:link styleClass="menu_lk" action="/logout.do"><em class="cur_l"></em><span>Sign Out</span><em class="cur_r"></em></html:link>
            </li>
        </ul>
    </div>
	<div id="top_menu">
		<div id="top_menu_l"></div>
		<div id="top_menu_c">
			<html:form styleId="search-form" action="/searchUser.do" method="get">
			<html:text styleClass="txt_topsrch default-text" property="keyword" value="Enter your keyword here..." />
			<a class="btn_topsrch" href="#"></a>
			<div class="slct_topsrch">
            	<p id="search-type">User</p>
                <ul id="search-list">
                	<li action="searchUser.do">User</li>
                    <li action="searchExpert.do">Expertise</li>
                    <li action="searchPublication.do">Publication</li>
                    <li action="searchConference.do">Conference</li>
                </ul>
            </div>
            </html:form>
		</div>
		<div id="top_menu_r"></div>
	</div>
	<div id="header_line"></div>
</div>
<div id="container">
	<div class="ly_bg_blue clear_9">
		<div class="profle clear_9">
			<div class="profile_lf floatl">
				<a href="profile.do?id=${user.id}">
					<img class="photo" src="${user.thumb}" alt="${user.firstName} ${user.lastName}" />
				</a>
			</div>
			<div class="profile_mid floatl">
				<h1>${user.firstName} ${user.lastName}
					<logic:equal name="user" property="id" value="${account.id}">
					<em>
						<html:link action="/editProfile.do">Edit Profile</html:link>
					</em>
					</logic:equal>
					
					<logic:notEqual name="user" property="id" value="${account.id}">
					<em>
						<logic:equal name="user" property="follow" value="true">
                    	<a class="btn_blue pam-unfollow" href="unfollow.do?id=${user.id}&type=1">Unfollow</a>
                    	<a class="btn_blue pam-follow" style="display:none" href="follow.do?id=${user.id}&type=1">Follow</a>
                    </logic:equal>
                    <logic:notEqual name="user" property="follow" value="true">
                    	<a class="btn_blue pam-unfollow" style="display:none" href="unfollow.do?id=${user.id}&type=1">Unfollow</a>
                    	<a class="btn_blue pam-follow" href="follow.do?id=${user.id}&type=1">Follow</a>
                	</logic:notEqual>
					</em>
					</logic:notEqual>
				</h1>
				<dl class="info1">
					<strong>Organization:</strong><br/>
					${user.organization.orgName}<br/>
					<strong>Email:</strong><br/>
					${user.email}<br/>
				</dl>
				<logic:equal name="user" property="id" value="${account.id}">
				<dl>
					<p id="statitem">
                    	<img src="images/pam/post.jpg" class="staticon" align="absbottom"/> <a href="#">Post</a> <img src="images/pam/publication.jpg" class="staticon" align="absbottom"/> <a href="#">Publication</a> <img src="images/pam/link.jpg" class="staticon" align="absbottom"/> <a href="#">Link</a>
                    </p>
                    <div>
                    	<textarea id="status" class="default-text">Post your status here...</textarea>
	                    <p id="statwords">0/300</p>
	                    <a id="statshare" class="btn_blue" href="#">Share</a>
                    </div>
                    
				</dl>
				</logic:equal>
			</div>
			<div class="profile_rt floatr">
				<dl id="recexpert" class="info">
				</dl>
				<dl id="recpub" class="info">
				</dl>
				<dl id="recconf" class="info">
				</dl>
			</div>
		</div>
		<div class="panel_03">
			<div class="panel_tit">
				<h2>News about ${user.firstName} ${user.lastName}</h2>
				<div class="panel_titr"></div>
			</div>
			<div class="panel_con tbl-block">
				<table class="tbl-news" id="updatelist">
					<!-- 
					<tbody>
						<tr>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th class="tbl-news-th" colspan="2">Dynamic Multistrategy Ontology</th>
						</tr>
						<tr>
							<td></td>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th>Dynamic Multistrategy Ontology</th>
						</tr>
						<tr>
							<td></td>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th class="tbl-news-th">Dynamic Multistrategy Ontology</th>
						</tr>
						<tr>
							<td></td>
							<th colspan="2">
								<textarea class="default-text reply-box">Post your status here...</textarea>
								<span class="reply-btn">
									<a class="btn_blue" href="#">Share</a>
								</span>
							</th>
						</tr>
					</tbody>
					<tbody>
						<tr>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th class="tbl-news-th" colspan="2">Dynamic Multistrategy Ontology</th>
						</tr>
						<tr>
							<td></td>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th>Dynamic Multistrategy Ontology</th>
						</tr>
						<tr>
							<td></td>
							<td>
								<a href="profile.do?id=${account.id}">
									<img class="smallthumb" src="${account.thumb}" alt="${account.firstName} ${account.lastName}" />
								</a>
							</td>
							<th class="tbl-news-th">Dynamic Multistrategy Ontology</th>
						</tr>
					</tbody>
					<tbody>
						<tr>
							<td colspan="3">
								<a class="ls_rslt_more" href="#">More...</a>
							</td>
						</tr>
					</tbody>
					 -->
				</table>
			</div>
		</div>
	</div>
</div>
<div id="footer">
	<div id="footer_rad_t"></div>
	<div id="footer_in">
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<ul class="footer_ls">
			<li><a href="#">New ArnetPage</a></li>
			<li><a href="#">Services on Arnetminer</a></li>
			<li><a href="#">Conference</a></li>
			<li><a href="#">Journal Rank</a></li>
		</ul>
		<div id="footer_line"></div>
		<div id="copyright">Copyright &copy; 2007 KEG, Tsinghua. All Rights Reserved. <img src="images/common/footer/icp.gif" alt="ICP NUM. 9068414" /></div>
	</div>
	<div id="footer_rad_b"></div>
</div>
</body>
</html>
